<template>
  <div>
    <div class="proFile_input_wrapper" v-if="labeltext">
      <label :for="inputId" class="proFile_label">
        {{ labeltext }}
      </label>
      <div>{{ children }}</div>
    </div>
  </div>
</template>

<script lang="ts">
export default {
  props: {
    labeltext: {
      type: String,
      required: true, // 如果需要 labeltext 必须存在，可以设置为必需
    },
    children: {
      type: String,
      default: "", // 设置默认值
    },
  },
  computed: {
    inputId() {
      return "style.proFile_input"; // 计算属性返回 input 的 ID
    },
  },
};
</script>

<style lang="scss" scoped>
.proFile_input_wrapper {
  margin-left: 20px;
  padding-bottom: 10px;
  margin-right: 20px;
  border-bottom: 1px solid #f2f2f2;
  background-color: white;

  .proFile_label {
    display: block;
    box-sizing: border-box;
    color: #3087ea;
    font-size: 14px;
    padding-bottom: 10px;
  }
}
</style>
